<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>邝总的电信网站一一</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="head1">
            <div class="head1-1200">
            <div class="xingxing"></div>
            <a class="colo1" href="#">收藏欢go网</a>
            <span class="sp">欢迎来到欢go网站</span>
            <a class="sp" href="">登录</a>
            <!-- 下拉我的欢GO            -->
            <div class="huan">
            <div class="wode"></div>
            <a class="colo2" href="#">我的欢go</a>
            <div class="sp1"></div>
            <span class="shu">丨</span>
            <div class="huan1"><div class="wode1"></div><a class="colo2"  style="float: left;display: inline-block;" href="#">我的欢go</a><div class="sp2"><br>
            <a style="display: inline-block;width: 50px;float: left;margin:-10px 0px 0px -50px;" href="#">我的订单</a>
            </div>
            </div>         
          </div>
             <!-- 下拉客户 -->
             <div class="kehu1">
            <div class="kehu"></div>
            <a class="colo1"  href="#">欢go客户端</a>
            <span class="shu">丨</span>
            <div class="kehu2"></div>
        </div>
        <!-- 下拉客户结束 -->
            <div class="email"></div>
            <a class="colo1" href="#">189邮箱</a>
            <span class="shu">丨</span>
                <!-- 消费者下拉 -->
                <div class="xf">
            <div class="xiaofei"></div>
            <a href="#">消费者帮助中心</a>
            <span class="shu1">丨</span>
            <div class="xf1">
                <div class="xiaofei"></div>
            <a href="#">消费者帮助中心</a>
            <div class="xf2"></div>
        </div>
        <!-- 消费下拉结束 -->
        </div>
            <div class="rgt1"></div>
            <a class="colo1" class="rgt" href="#">代理商专区</a>
        </div>   
        </div>
        <!-- 头1结束 -->
        <div class="head2">
            <div class="head2-1200">
                <div class="leftimg"><img src="img/logo.png"></div>
                <div class="rightdiv">
                    <div id="d2h2">
                        <div id="d2h21">江西
                            <div id="d2h211">
                                <span style="color:RGB(250,130,1)">A-G</span>&nbsp;&nbsp; 
                                <a href="#">北京</a>&nbsp;&nbsp;<a href="#"> 安徽</a>&nbsp;&nbsp; <a href="#">重庆</a>&nbsp;&nbsp; <a href="#">福建</a>&nbsp;&nbsp; <a href="#">广东</a>&nbsp;&nbsp; <a href="#">甘肃</a>&nbsp;&nbsp; <a href="#">广西</a>&nbsp;&nbsp;<a href="#"> 贵州</a><br/>
                                <span style="color:RGB(250,130,1)">H-J</span>&nbsp;&nbsp;
                                <a href="#">湖北</a>&nbsp;&nbsp;<a href="#"> 湖南</a>&nbsp;&nbsp; <a href="#"></a>&nbsp;&nbsp; <a href="#">河南</a>&nbsp;&nbsp; <a href="#">黑龙江</a>&nbsp;&nbsp; <a href="#">江苏</a>&nbsp;&nbsp; <a href="#">吉林</a>&nbsp;&nbsp; <a href="#">江西</a> <br/>
                                <span style="color:RGB(250,130,1)">L-S</span> &nbsp;&nbsp;
                                <a href="#">辽宁</a>&nbsp;&nbsp; <a href="#">内蒙古</a> &nbsp;&nbsp;<a href="#">宁夏 </a>&nbsp;&nbsp;<a href="#">青海</a> &nbsp;&nbsp;<a href="#">山东</a>&nbsp;&nbsp; <a href="#">上海</a>&nbsp;&nbsp; <a href="#">山西</a>&nbsp;&nbsp; <a href="#">陕西</a>&nbsp;&nbsp;<a href="#"> 四川</a><br/>
                                <span style="color:RGB(250,130,1)">T-Z</span>&nbsp;&nbsp; 
                                <a href="#">天津</a>&nbsp;&nbsp; <a href="#">新疆</a> &nbsp;&nbsp;<a href="#">西藏</a>&nbsp;&nbsp; <a href="#">云南</a> &nbsp;&nbsp;<a href="#">浙江</a>
                                
                            </div>
                        </div>
                    </div>
                    <div class="seach">
                        <div class="seach1">搜产品</div>
                        <div class="seach2">
                            <img src="img/ioc_01.gif" alt="seach">
                            <input type="text" placeholder="加副卡">
                            <a href="#">搜索</a>
                        </div>
                        <div class="seach3">
                            <a class="a1" href="#">[限时！]</a>
                            <a class="a2" href="#">200GB定向免流</a>
                            <a class="a3" href="#">[hot]</a>
                            <a class="a2" href="#">天翼副卡、有福全家享</a>
                        </div>
                    </div>
                    <div class="xingka"><img src="img/xingka.jpg" alt="星卡"></div>
                </div>
            </div>
        </div>
        <!-- 头2结束 -->
        <div class="head3">
            <div class="head3-1200">
            <div class="start"></div
                ><a class="a1" href="#"><span></span>&nbsp;首页</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;流量</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;宽带光纤</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;老用户</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;自助服务</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;资费专区</a
                ><a class="a2" href="#"><p><span></span></p>&nbsp;服务监督</a
                ><a class="end" href="#"><i></i>登录</a>
        </div>
        </div>
        <!-- 头部结束 -->
        
       

    </div>
    <!-- banner开始 -->
    <div class="banner">
        <div class="banner-1200">
            <div class="leftmenu">
                <ul>
                  <li class="one">
                    <i class="icon buy"></i> 
                    <a href="#" class="title">套餐/靓号</a>
                    <i class="arrow"></i>
                    <div class="submenu">
                        <dl>
                          <dt>号码</dt>
                          <dd>
                            <p>
                              <a href="#" class="red">191</a>
                              <i class="line">|</i>
                              <a href="#" class="red">199</a>
                              <i class="line">|</i>
                              <a href="#">173</a>
                              <i class="line">|</i>
                              <a href="#">189</a>
                              <i class="line">|</i>
                              <a href="#">177</a>
                              <i class="line">|</i>
                              <a href="#">181</a>
                              <i class="line">|</i>
                              <a href="#">180</a>
                              <i class="line">|</i>
                              <a href="#">133</a>
                              <i class="line">|</i>
                              <a href="#">153</a>
                              <i class="line">|</i>
                            </p>
                          </dd>
                        </dl>
            
                        <dl>
                          <dt>套餐</dt>
                          <dd class="meal">
                            <p><a href="#"><span class="bold purple">【传递爱心❤电信先行】</span> 扶贫专属套餐</a> <i class="line">|</i> <a
                                href="#">助残优惠套餐<span class="bold red">new~</span></a> <i class="line">|</i></p>
                            <p><a href="#"><span class="bold red">【全能副卡】</span> 一个套餐全家享，与家人共享语音流量</a> <i class="line">|</i></p>
                            <p><a href="#"><span class="bold green">【星卡畅游版】</span>200GB定向免流+1元/GB/天 <span
                                  class="bold red">首月体验~</span></a> <i class="line">|</i></p>
                            <p><a href="#"><span class="bold orange">【亲情卡】</span>3GB流量+100分钟语音+亲情互打免费 <span
                                  class="bold red">new~</span></a> <i class="line">|</i></p>
                            <p><a href="#"><span class="bold black">【5G畅享套餐】</span> 169元/月 40GB流量+800分钟语音+300Mbps宽带+超清ITV</a> <i
                                class="line">|</i></p>
                            <p><a href="#"><span class="bold black">【5G畅享套餐】</span> 199元/月 60GB流量+1000分钟语音+300Mbps宽带+超清ITV</a> <i
                                class="line">|</i></p>
                          </dd>
                        </dl>
            
                        <dl class="noborder">
                          <dt>号码类型</dt>
                          <dd>
                            <p>
                              <a href="#" class="red">0元靓号</a>
                              <i class="line">|</i>
                              <a href="#" class="red">事业靓号</a>
                              <i class="line">|</i>
                              <a href="#" class="red">爱情靓号</a>
                              <i class="line">|</i>
                              <a href="#" class="red">精选靓号</a>
                              <i class="line">|</i>
                              <a href="#" class="blue">199靓号</a>
                              <i class="line">|</i>
                              <a href="#" class="blue">177靓号</a>
                              <i class="line">|</i>
                            </p>
                          </dd>
                        </dl>
            
                        <div style="width: 270px;height: 180px;margin-top: 20px;background:url(img/jing.jpg)">
            
                        </div>
            
                      </div>
                  </li>
                  <li>
                    <i class="icon select"></i> 
                    <a href="#" class="title">宽带</a>
                    <i class="arrow"></i>
                    <div class="submenu">
                        <dl class="clearfix">
                            <dt>宽带爆款</dt>
                            <dd class="meal2">
                                <p><a href="#"><span class="green">【50Mbps包年】</span>499元/年随选宽带&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b class="line">|</b></a></p>
                                <p><a href="#"><span class="red">【100Mbps包年】</span> 699元/年随选宽带&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b class="line">|</b></a></p>
                                <p><a href="#"><span class="black">【5G畅享套餐】</span> 169元/月 40GB流量+800分钟语音+300Mbps宽带+超清ITV<b class="line">|</b></a></p>
                                <p><a href="#"><span class="black">【5G畅享套餐】</span> 199元/月 60GB流量+1000分钟语音+300Mbps宽带+超清ITV<b class="line">|</b></a></p>
                            </dd>
                        </dl>
                        <dl class="xinzhuang">
                            <dt>宽带新装</dt>
                            <dd class="meal3">
                                <p><span class="red">宽带新装50Mbps宽带</span><b class="line">|</b><span class="red">100Mbps宽带</span><b class="line">|</b><span class="red">300Mbps宽带(5G套餐)</span><b class="line">|</b></p>
                                <p><a href="#"><span class="green">【装宽带】</span>足不出户轻松预约，专属客户经理即刻与您联系！<b class="line">|</b></a></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt>宽带老用户</dt>
                            <dd>
                                <p><a href="#">天翼看家</a><b class="line">|</b><a href="#">全屋WIFI</a><b class="line">|</b><a href="#" class="red">宽带续约</a><b class="line">|</b><a href="#">|宽带缴费</a><b class="line">|</b><a href="#">宽带提速</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl>
                            <dt>电视老用户</dt>
                        </dl>
                        <dl class="zhuanqu noborder">
                            <dt>宽带专区</dt>
                            <dd>
                                <p><a href="#">宽带订单查询</a><b class="line">|</b><a href="#">宽带账户查询</a><b class="line">|</b><a href="#">装移修进度查询</a><b class="line">|</b><a href="#">宽带资源查询</a><b class="line">|</b><a href="#">宽带新装</a><b class="line">|</b></p>
                                <p><a href="#">宽带续约</a><b class="line">|</b><a href="#">宽带提速</a><b class="line">|</b><a href="#">宽带报障</a><b class="line">|</b><a href="#">宽带充值</a><b class="line">|</b><a href="#" class="red">密码服务</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <div class="submenu2_img"  style="margin-left:25px;">
                            <img src="img/mel2.jpg" alt="">
                            <img style="margin-left:10px;" src="img/mel21.jpg" alt="">
                        </div>
                    </div>
                  </li>
                  <li>
                    <i class="icon zhi"></i> 
                    <a href="#" class="title">智能</a>
                    <i class="arrow"></i>
                    <div class="submenu" style="height:376px;">
                        
                            <dl>
                                <dt>手机配件</dt>
                            </dl>
                            <dl class="noborder">
                               <dt>智能设备</dt>
                           </dl>
                      
                    </div>
                  </li>
                  <li>
                    <i class="icon hua"></i> 
                    <a href="#" class="title">话费</a>
                    <i class="arrow"></i>
                    <div class="submenu" style="height:376px;">
                        <dl class="chongzhika">
                            <dt>充值卡充值</dt>
                            <dd><a href="#">充值卡充值</a><b class="line">|</b></dd>
                        </dl>
                        <dl class="yinhangka">
                            <dt>银行卡充值</dt>
                            <dd>
                                <p><a href="#" ><span class="red">支付宝支付</span></a><b class="line">|</b><a href="#"><span class="red">微信支付</span></a><b class="line">|</b><a href="#"><span class="red">百度钱包</span></a><b class="line">|</b><a href="#">银行卡充值</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="yizhifu noborder">
                            <dt>翼支付</dt>
                            <dd><p><a href="#">翼支付充值</a><b class="line">|</b></p></dd>
                        </dl>
                    </div>
                  </li>
                  <li>
                    <i class="icon fei"></i> 
                    <a href="#" class="title">费用</a>
                    <i class="arrow"></i>
                    <div class="submenu" style="height:376px;">
                        <dl class="huafei">
                            <dt>我的话费</dt>
                            <dd>
                                <p><a href="#"><span class="green">余额查询</span></a><b class="line">|</b><a href="#">实时话费查询</a><b class="line">|</b><a href="#"><span class="red">账单查询</span></a><b class="line">|</b><a href="#">充值记录查询</a><b class="line">|</b><a href="#">余额变动明细</a><b class="line">|</b></p>
                                <p><a href="#">话费返回查询</a><b class="line">|</b><a href="#"><span class="blue">欠费查询</span></a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="yewu">
                            <dt>我的业务</dt>
                            <dd>
                                <p><a href="#">电信合伙人</a><b class="line">|</b><a href="#">我的欢go</a><b class="line">|</b><a href="#"><span class="red">我的流量</span></a><b class="line">|</b><a href="#"><span class="blue">套餐使用情况</span></a><b class="line">|</b><a href="#">星级服务</a><b class="line">|</b></p>
                                <p><a href="#">积分兑换</a><b class="line">|</b><a href="#"><span class="red">电子发票</span></a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="zhangdan">
                            <dt>账单查询</dt>
                            <dd>
                                <p><a href="#">我的话费账单</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="xiangxi noborder">
                            <dt>详细查询</dt>
                            <dd>
                                <p><a href="#"><span class="green">上网详单</span></a><b class="line">|</b><a href="#"><span class="green">语音详单</span></a><b class="line">|</b><a href="#"><span class="green">短信详单</span></a><b class="line">|</b></p>
                            </dd>
                        </dl>
                    </div>
                  </li>
                  <li>
                    <i class="icon yewu"></i> 
                    <a href="#" class="title">业务</a>
                    <i class="arrow"></i>
                    <div class="submenu">
                        <dl class="changxiang">
                            <dt>畅享专区</dt>
                            <dd>
                                <p><a href="#"><span class="black">【5G畅享套餐】</span> 169元/月 40GB流量+800分钟语音+300Mbps宽带+超清ITV</a><b class="line">|</b></p>
                                <p><a href="#"><span class="black">【5G畅享套餐】</span> 199元/月 60GB流量+1000分钟语音+300Mbps宽带+超清ITV</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="liuliangbaozhuanqu"> 
                            <dt>流量包专区</dt>
                            <dd>
                                <p><a href="#"><span class="red">5G升级流量包60GB（主副卡共享）</span>69元/月</a><b class="line">|</b></p>
                                <p><a href="#"><span class="green">升级流量包20GB（主副卡共享）</span>29元/月</a><b class="line">|</b></p>
                                <p><a href="#">5G升级流量包10GB（单卡使用）19元/月</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="kuandaitequan">
                            <dt>宽带特权</dt>
                            <dd>
                                <p><a href="#"><span class="green">宽带快速预约</span></a><b class="line">|</b><a href="#"><span class="red">宽带续约</span></a><b class="line">|</b><a href="#">宽带提速</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="laoyonghuzhuanqu">
                            <dt>老用户专区</dt>
                            <dd>
                                <p><a href="#"><span class="green">加副卡 共享套餐</span></a><b class="line">|</b><a href="#"><span class="red">我的积分</span></a><b class="line">|</b><a href="#">积分商城</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="remenfuwu">
                            <dt>热门服务</dt>
                            <dd>
                                <p><a href="#"><span class="red">服务密码重置</span></a><b class="line">|</b><a href="#">189邮箱</a><b class="line">|</b><a href="#">添益宝</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <dl class="dianshitequan">
                            <dt>电视特权</dt>
                        </dl>
                        <dl class="hangyeyingyong noborder">
                            <dt>行业应用</dt>
                            <dd>
                                <p><a href="#">外勤助手</a><b class="line">|</b><a href="#">VoLTE高清通话</a><b class="line">|</b></p>
                            </dd>
                        </dl>
                        <div class="submenu6_img"  style="margin-left:25px;">
                            <img src="img/mel3.jpg" alt="">
                            <img style="margin-left:10px;" src="img/mel4.jpg" alt="">
                        </div>
                    </div>
                  </li>
                </ul>
              </div>

              <div class="banner_rightservice">
                <div class="rightservice_top">
                    <ul class="rightservice_top_top">
                        <li class="rightservice_top_top_left">
                            <a href="#" class="wujiaoxing"><span>欢享服务</span></a>
                            <b class="line">|</b>
                        </li>
                        <li class="rightservice_top_top_right">
                            <a href="#" class="aixin"><span>超值购</span></a>
                        </li>
                    </ul>
                    <div class="rightservice_top_main1">
                        <ul>
                            <li><img src="img/xing1.png" alt=""><p><a href="#">星级服务</a></p></li>
                            <li><img src="img/xing2.png" alt=""><p><a href="#">积分商城</a></p></li>
                            <li><img src="img/xing3.png" alt=""><p><a href="#">5G套餐</a></p></li>
                            <li><img src="img/xing4.png" alt=""><p><a href="#">电子发票</a></p></li>
                            <li><img src="img/xing5.png" alt=""><p><a href="#">办副卡</a></p></li>
                            <li><img src="img/xing6.png" alt=""><p><a href="#">漫游服务</a></p></li>
                        </ul>
                    </div>
                </div>
                <div class="rightservice_bottom">
                    <ul class="rightservice_bottom_top">
                        <li><span>手机</span><b class="line">|</b></li>
                        <li>
                            <a href="#">宽带</a><b class="line">|</b>
                        </li>
                        <li><a href="#">固话</a><b class="line">|</b></li>
                    </ul>
                    <form action="">
                        <input type="radio" name="invest"  value="yinhangkachongzhi" ><span>银行卡充值</span>
                        <input type="radio"  name="invest" value="kamichongzhi" ><span>卡密充值</span>
                    </form>
                    <p><span>号码</span><input type="text"></p>
                    <p><span>卡密</span><input type="text"></p>
                    <p><span>验证码</span><input type="text" style="width: 60px;"></p>
                    <p><button>立即充值</button><a style="color: #777;font-weight: bold;text-decoration: none;font-size: 14px;" href="#">充值专区</a><p class="xiahuaxian"></p></p>
                    <p class="gonggao"><span>公告</span><a style="color: #777;font-weight: bold;text-decoration: none;font-size: 12px;" href="#">升级公告</a></p>
                </div>
            </div>
              
        </div>

    </div>
    <!-- 身体开始 -->
    <div class="texiao">
        <div class="texiao-1200">
            <img src="img/p40.jpg" alt=""
            ><div class="right">
                <img src="img/x1.jpg" alt=""
                ><img src="img/x2.jpg" alt=""
                ><img src="img/x3.jpg" alt=""
                ><img src="img/x4.jpg" alt=""
                ><img src="img/x5.jpg" alt=""
                ><img src="img/x6.jpg" alt=""
                ><img src="img/x7.jpg" alt=""
                ><img src="img/x8.jpg" alt=""
                >
            </div>
        </div>
    </div>
    <div class="fixed"><img src="img/fix.png" alt=""></div>
    <!-- 内容开始
     -->
    <div class="content">
    <div class="content-1200">
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_01.png" alt="即刻炫耀">
                <div class="top-right">好宝贝，够任性，就是要炫耀！</div>
            </div>
            <div class="middle">
                <div class="middle-left">
                    <div class="middle-left2">
                        <span class="span1"><img class="right1" src="img/5g.png" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">5G套餐</span></span
                            ><span class="span2"><img class="right1" src="img/5g1.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">特惠宽带</span></span>
                    </div
                    ><span class="span3">五一出游季</span>
                    </div
                    ><img class="middle-img" src="img/1.1.jpg" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1">
                        <p class="p1"><a href="#">200GB主流APP免流</a></p>
                        <p class="p2"><img src="img/11.1.png" alt=""></p>
                        </li
                        ><li class="li1">
                            <p class="p1"><a href="#">任性畅游互联网</a></p>
                            <p class="p2"><img src="img/11.2.png" alt=""></p>
                            </li
                        ><li class="li1">
                            <p class="p1"><a href="#">国内通话0.1元/分钟</a></p>
                            <p class="p2"><img src="img/11.3.png" alt=""></p>
                            </li
                        ><li class="li2">
                            <p class="p1"><a href="#">流量省心自动续订</a></p>
                            <p class="p2"><img src="img/11.4.png" alt=""></p>
                            </li
                        ><li class="li2">
                            <p class="p1"><a href="#">享首月体验金</a></p>
                            <p class="p2"><img src="img/11.5.png" alt=""></p>
                            </li
                        ><li class="li2">
                            <p class="p1"><a href="#">国内流量1元/GB/天</a></p>
                            <p class="p2"><img src="img/11.6.png" alt=""></p>

                        </li>
                </ul>
                
            </div>
        </div>
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_02.png" alt="即刻炫耀">
                <div class="top-right">爱自己，爱家庭，爱生活！</div>
            </div>
            <div class="middle">
                <div class="middle-left" style="background-color: #FF9767;">
                    <div class="middle-left2" style="background-color: #FF5C2B;">
                        <span class="span1"><img class="right1" src="img/50mb.png" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;margin-left: -15px;">50Mbps宽带</span></span
                            ><span class="span2"><img class="right1" src="img/100mb.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;margin-left: -15px;">100Mbps宽带</span></span>
                    </div
                    ><p style="margin:30px 0px 0px 20px ">
                        <img class="lefttexiao" src="img/新装.png" alt="">
                    </p ><span class="span3"></span>
                    </div
                    ><img class="middle-img" src="img/1.2.png" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1"> <p class="p1"><a href="#">宽带新装</a></p>
                        <p class="p2"><img src="img/12.1.jpg" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">智能组网</a></p>
                            <p class="p2"><img src="img/12.3.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">宽带提速</a></p>
                            <p class="p2"><img src="img/12.4.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">密码服务</a></p>
                            <p class="p2"><img src="img/12.6.jpg" alt=""></p></li
                        ><li class="li3"> <p class="p1"><a href="#">在线专家服务</a></p>
                                <p class="p2"><img src="img/16.7.jpg "alt=""></p></li
                        ><li class="li3"> <p class="p1"><a href="#">宽带提速</a></p>
                            <p class="p2"><img src="img/12.7.png "alt=""></p></li>
                </ul>
                
            </div>
        </div>
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_03.png" alt="即刻炫耀">
                <div class="top-right">商务工作，由我自由驰骋！</div>
            </div>
            <div class="middle">
                <div class="middle-left" style="background-color: #9DE090;">
                    <div class="middle-left2" style="background-color: #62C751">
                        <span class="span1"><img class="right1" src="img/3.1.png" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">4G流量包</span></span
                            ><span  class="span2"><img class="right1" src="img/189邮箱.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">189邮箱</span></span>
                    </div
                    ><p style="margin:30px 0px 0px 20px ">
                        <img class="lefttexiao" src="img/7.1.png" alt="">
                    </p ><span class="span3"></span>
                    </div
                    ><img class="middle-img" src="img/1.3.png" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                        <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">【活动三】</a></p>
                            <p class="p2"><img src="img/13.3.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">【活动四】</a></p>
                            <p class="p2"><img src="img/13.6.png" alt=""></p></li
                        ><li style="background-color: white;" class="li3"> <p class="p1"><a href="#">[活动二]</a></p>
                            <p  class="p2"><img src="img/13.7.png "alt=""></p></li
                        ><li class="li4"> <p class="p1"><a href="#">[活动一]</a></p>
                            <p class="p2"><img src="img/13.1.png "alt=""></p></li>
                </ul>
                
            </div>
        </div>
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_04.png" alt="即刻炫耀">
                <div class="top-right">爸爸、老公、小外甥，都要心满意足！</div>
            </div>
            <div class="middle">
                <div class="middle-left" style="background-color: #55CDF0;">
                    <div class="middle-left2" style="background-color: #1BA5E4">
                        <span class="span1"><img class="right1" src="img/积分.png" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">积分商城</span></span
                            ><span class="span2"><img class="right1" src="img/套餐.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;margin-left: -5px;">套餐使用查询</span></span>
                    </div
                    ><p style="margin:30px 0px 0px 20px ">
                        <img class="lefttexiao" src="img/7.2.png" alt="">
                    </p ><span class="span3"></span>
                    </div
                    ><img class="middle-img" src="img/1.4.jpg" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1"> <p class="p1"><a href="#">加装第二条宽带</a></p>
                        <p class="p2"><img src="img/14.1.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.jpg" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">宽带续约</a></p>
                            <p class="p2"><img src="img/14.3.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">副卡加装</a></p>
                            <p class="p2"><img src="img/14.4.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/11.1.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">宽带提速    </a></p>
                            <p class="p2"><img src="img/14.6.jpg" alt=""></p></li
                        ><li class="li3"> <p class="p1"><a href="#">iTV预约</a></p>
                                <p class="p2"><img src="img/14.7.png "alt=""></p></li>
                </ul>
                
            </div>
        </div>
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_05.png" alt="即刻炫耀">
                <div class="top-right">职场生活，忙碌并快乐着！</div>
            </div>
            <div class="middle">
                <div class="middle-left" style="background-color: #D2EA78;">
                    <div class="middle-left2" style="background-color: #ABD738">
                        <span class="span1"><img class="right1" src="img/宽带.png" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">宽带提速</span></span
                            ><span class="span2"><img class="right1" src="img/国际.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">国际漫游</span></span>
                    </div
                    ><p  style="margin:30px 0px 0px 20px ">
                        <img class="lefttexiao" src="img/7.3.jpg" alt="">
                    </p ><span class="span3"></span>
                    </div
                    ><img class="middle-img" src="img/1.5.png" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1"> <p class="p1"><a href="#">查清单</a></p>
                        <p class="p2"><img src="img/15.1.jpg" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">查账单</a></p>
                            <p class="p2"><img src="img/15.2.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">查余额</a></p>
                            <p class="p2"><img src="img/15.3.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">密码重置</a></p>
                            <p class="p2"><img src="img/15.4.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">电子发票</a></p>
                            <p class="p2"><img src="img/15.5.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">套餐用量</a></p>
                            <p class="p2"><img src="img/15.6.png" alt=""></p></li>
                </ul>
                
            </div>
        </div>
        <div class="main">
            <div class="top">
                <img class="top-img" src="img/title_06.png" alt="即刻炫耀">
                <div class="top-right">旅行、户外、健身，一个都不能少！</div>
            </div>
            <div class="middle">
                <div class="middle-left" style="background-color: #55CDF0;">
                    <div class="middle-left2" style="background-color: #1BA5E4">
                        <span class="span1"><img class="right1" src="img/智能.jpg" ><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">智能看家</span></span
                            ><span class="span2"><img class="right1" src="img/全屋.png"><br><span style="color: white;font-size: 12px;font-weight: bold;cursor: pointer;">全屋WiFi</span></span>
                    </div
                    ><p  style="margin:30px 0px 0px 20px ">
                        <img class="lefttexiao" src="img/7.4.png" alt="">
                    </p ><span class="span3"></span>
                    </div
                    ><img class="middle-img" src="img/1.6.png" alt="showsomething"
                    ><ul class="middle-ul">
                    <li class="li1"> <p class="p1"><a href="#">设备维修服务</a></p>
                        <p class="p2"><img src="img/16.1.jpg" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/16.1.png" alt=""></p></li
                        ><li class="li1"> <p class="p1"><a href="#">网络报告服务</a></p>
                            <p class="p2"><img src="img/16.3.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">组网定制服务</a></p>
                            <p class="p2"><img src="img/16.4.jpg" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">200GB主流APP免流</a></p>
                            <p class="p2"><img src="img/16.1.png" alt=""></p></li
                        ><li class="li2"> <p class="p1"><a href="#">自助网络管理</a></p>
                            <p class="p2"><img src="img/16.6.jpg" alt=""></p></li
                        ><li class="li3"> <p class="p1"><a href="#">在线专家服务</a></p>
                            <p class="p2"><img src="img/16.7.jpg "alt=""></p></li>
                </ul>
                
            </div>
        </div>
    </div>


    </div>
    <!-- 脚步开始 -->
    <div class="foot">
        <div class="foot-1200">
            <div class="foot1">
                <ul>
                    <li>
                        <img src="img/f1.1.png" alt="">
                        <p>
                        <a class="a1" href="#">中国电信</a><br>
                        <a class="a2" href="#">官方认证渠道</a>
                    </p>
                    </li
                    ><li>
                        <img src="img/f1.2.png" alt="">
                        <p>
                            <a class="a1" href="#">正品保障</a><br>
                            <a class="a2" href="#">正规发票</a>
                        </p>
                    </li
                    ><li>
                        <img src="img/f1.3.png" alt="">
                        <p>
                            <a class="a1" href="#">品牌厂家</a><br>
                            <a class="a2" href="#">优势品牌</a>
                        </p>
                    </li
                    ><li>
                        <img src="img/f1.4.png" alt="">
                        <p>
                            <a class="a1" href="#">新品上市</a><br>
                            <a class="a2" href="#">同步上市</a>
                        </p>
                    </li
                    ><li>
                        <img src="img/f1.5.png" alt="">
                        <p>
                            <a class="a1" href="#">全场商品</a><br>
                            <a class="a2" href="#">无忧退换货</a>
                        </p>
                    </li>
                </ul>
            </div>
            <div class="foot2">
                <img src="img/foot1.png" style="vertical-align: top;">
                <span class="foot2span1">
                    <ul>
                        <li style="margin-left: 70px;">
                            <p><a href="#">购物指南</a</p>
                            <p><a href="#">实名制</a></p>
                            <p><a href="#">网络制式</a></p>
                            <p><a href="#">订单查询</a></p>
                            <p><a href="#">购物流程</a></p>
                            <p><a href="#">卖场须知</a></p>
                            <p><a href="#">用户隐私政策</a></p>
                            <p><a href="#">用户服务协议</a></p>
                        </li>
                        <li>
                            <p><a href="#">物流配送</a></p>
                            <p><a href="#">收货须知</a></p>
                            <p><a href="#">配送说明</a></p>
                        </li>
                        <li>
                            <p><a href="#">支付方式</a></p>
                            <p><a href="#">赠费缴费说明</a></p>
                            
                        </li>
                        <li>
                            <p><a href="#">售后服务</a></p>
                            <p><a href="#">服务承诺</a></p>
                            <p><a href="#">退款说明</a></p>
                            <p><a href="#">退换流程</a></p>
                            <p><a href="#">关于发票制度的说明</a></p>
                           
                        </li>
                        <li>
                            <p><a href="#">便民服务</a></p>
                            <p><a href="#">代理专区</a></p>
                            <p><a href="#">常见问题解答</a></p>
                            <p><a href="#">归属地查询</a></p>
                            <p><a href="#">wifi热点查询</a></p>
                            <p><a href="#">10000知道</a></p>
                            <p><a href="#">“扫黄打非”举报专区</a></p>
                            <p><a href="#">诈骗电话举报</a></p>
                           
                        </li>
                    </ul>
                </span>
                <img src="img/foot_down_11.jpg" style="vertical-align: top;">
                <span class="foot2span2">
                    <ul>
                        <li><img src="img/f1.6.png" alt=""><p>在线客服</p></li>
                        <li><img src="img/f1.7.png" alt=""><p>微博客服</p></li>
                        <li><img src="img/f1.8.png" alt=""><p>10000知道</p></li>
                        <li><img src="img/f1.9.png" alt=""><p>资费专区</p></li>

                    </ul>
                </span>
            </div>
            <div class="foot3">
                <div class="foot3-1">
                    <span class="span1">电信欢go网</span>
                    <span class="span2">丨</span>
                    <span class="span2">合作伙伴</span>
                </div>
                <div class="foot3-2">
                    <ul>
                        <li><a href="#">北京欢go网</a><span>丨</span></li>
                        <li><a href="#">安徽欢go网</a><span>丨</span></li>
                        <li><a href="#">重庆欢go网</a><span>丨</span></li>
                        <li><a href="#">福建欢go网</a><span>丨</span></li>
                        <li><a href="#">广东欢go网</a><span>丨</span></li>
                        <li><a href="#">甘肃欢go网</a><span>丨</span></li>
                        <li><a href="#">广西欢go网</a><span>丨</span></li>
                        <li><a href="#">贵州欢go网</a><span>丨</span></li>
                        <li><a href="#">湖北欢go网</a><span>丨</span></li>
                        <li><a href="#">湖南欢go网</a><span>丨</span></li>
                        <li><a href="#">河北欢go网</a><span>丨</span></li>
                        <li><a href="#">河南欢go网</a><span>丨</span></li>
                        <li><a href="#">海南欢go网</a><span>丨</span></li>
                        <li><a href="#">黑龙江go网</a><span>丨</span></li>
                        <li><a href="#">江苏欢go网</a><span>丨</span></li>
                        <li><a href="#">吉林欢go网</a><span>丨</span></li>
                        <li><a href="#">江西欢go网</a><span>丨</span></li>
                        <li><a href="#">辽宁欢go网</a><span>丨</span></li>
                        <li><a href="#">内蒙古欢go网</a><span>丨</span></li>
                        <li><a href="#">宁夏欢go网</a><span>丨</span></li>
                        <li><a href="#">青海欢go网</a><span>丨</span></li>
                        <li><a href="#">山东欢go网</a><span>丨</span></li>
                        <li><a href="#">上海欢go网</a><span>丨</span></li>
                        <li><a href="#">山西欢go网</a><span>丨</span></li>
                        <li><a href="#">陕西欢go网</a><span>丨</span></li>
                        <li><a href="#">四川欢go网</a><span>丨</span></li>
                        <li><a href="#">天津欢go网</a><span>丨</span></li>
                        <li><a href="#">新疆欢go网</a><span>丨</span></li>
                    </ul>
                </div>

            </div>
            <div class="foot4">
               <p class="p1">
                   <span>电信营业执照</span>
                   <span>丨</span>
                   <span>合作方营业执照</span>

            </p>
               <p class="p2">版权所有©2012 中国电信集团有限公司 [ 增值电信业务经营许可证 A2.B1.B2-20090001 ] ICP证号:</p>
               <p class="p3">
                   <img height="34px"  src="img/footer01.jpg" alt="">
                   <img height="34px"  src="img/footer02.png" alt="">
                   <img height="34px"  src="img/footer03.png" alt="">
                   <img height="34px"  src="img/footer04.png" alt="">
                   <img height="34px"  src="img/footer05.jpg" alt="">
                   <img height="34px"  src="img/footer06.jpg" alt="">
                   <img height="34px"  src="img/footer07.jpg" alt="">
               </p>

            </div>



        </div>
    </div>
    
</body>
</html>